<!DOCTYPE html>
 <html lang="en" class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>农夫三拳的米奇妙妙屋</title>		
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    	<link rel="icon" href="img/favicon.ico" type="image/x-icon">
	<!-- CSS
		================================================== -->
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/jquery.fancybox.css">
        <link rel="stylesheet" href="css/animate.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/media-queries.css">
        <script src="js/modernizr-2.6.2.min.js"></script>

    </head>
	
    <body id="body">
	
		<!-- 加载 -->
		<div id="preloader">
			<img src="img/preloader.gif" alt="Preloader">
		</div>
		<!-- 加载 结束 -->

        <!-- 
        导航
        ==================================== -->
        <header id="navigation" class="navbar-fixed-top navbar">
            <div class="container">
                <div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <i class="fa fa-bars fa-2x"></i>
                    </button>
					
					<!-- logo -->
                    <a class="navbar-brand" href="#body">
						<h1 id="logo">
							<img src="img/logo.png" alt="Brandi">
						</h1>
					</a>
					<!-- logo 结束-->
                </div>

				<!-- 导航  -->
                <nav class="collapse navbar-collapse navbar-right" role="navigation">
                    <ul id="nav" class="nav navbar-nav">
                        <li class="current"><a href="#body">主页</a></li>
                        <li><a href="#features">特点</a></li>
                        <li><a href="#works">资源</a></li>
                        <li><a href="#team">学员</a></li>
                        <li><a href="#contact">联系</a></li>
                    </ul>
                </nav>
				<!-- 导航 结束 -->
				
            </div>
        </header>
        <!--
        导航 结束
        ==================================== -->
		
		
		
        <!--
        首页开始
        ==================================== -->
		
		<section id="slider">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			
				<!-- Indicators bullet -->
				<ol class="carousel-indicators">
					<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				</ol>
				<!-- End Indicators bullet -->				
				
				<!-- 轮播图 -->
				<div class="carousel-inner" role="listbox">
					
					<!-- 轮播图第一页 -->
					<div class="item active" style="background-image: url(img/banner.jpg);">
						<div class="carousel-caption">
							<h2 data-wow-duration="700ms" data-wow-delay="500ms" class="wow bounceInDown animated">Welcome<span> F3B</span>!</h2>
							<h3 data-wow-duration="1000ms" class="wow slideInLeft animated"><span class="color">/欢迎来到</span> 农夫三拳的米奇妙妙屋.</h3>
							<p data-wow-duration="1000ms" class="wow slideInRight animated">农 夫 三 拳 个 人 网 站</p>
							<ul class="social-links text-center">
								<li><a href=""><i class="fa fa-weixin fa-lg"></i></a></li>
								<li><a href="tencent://message/?uin=1872227462&Menu=yes& Service=300&sigT=42a1e5347953b64c5ff3980f8a6e644d4b31456cb0b6ac6b27663a3c4dd0f4aa14a543b1716f9d45" target="_blank"><i class="fa fa-qq fa-lg"></i></a></li> 
								<li><a href=""><i class="fa fa-weibo fa-lg"></i></a></li>
								<li><a href=""><i class="fa fa-dribbble fa-lg"></i></a></li>
							</ul>
						</div>
					</div>
					<!-- 轮播图第一页 结束 -->
					
					<!-- 轮播图第二页  -->
					<div class="item" style="background-image: url(img/banner.jpg);">
						<div class="carousel-caption">
							<h2 data-wow-duration="500ms" data-wow-delay="500ms" class="wow bounceInDown animated">郑重<span> 声明</span>!</h2>
							<h3 data-wow-duration="500ms" class="wow slideInLeft animated"><span class="color">/资源</span> 只供第三方链接</h3>
							<p data-wow-duration="500ms" class="wow slideInRight animated">如有侵权请联系站长</p>
							
							<ul class="social-links text-center">
								<li><a href=""><i class="fa fa-weixin fa-lg"></i></a></li>
								<li><a href=""><i class="fa fa-qq fa-lg"></i></a></li>
								<li><a href=""><i class="fa fa-weibo fa-lg"></i></a></li>
								<li><a href=""><i class="fa fa-dribbble fa-lg"></i></a></li>
							</ul>
						</div>
					</div>
					<!-- 轮播图第二页 结束 -->
					
				</div>
				<!-- 轮播图 结束 -->
				
			</div>
		</section>
		
        <!--
        首页结束
        ==================================== -->
		
        <!--
        特点
        ==================================== -->
		
		<section id="features" class="features">
			<div class="container">
				<div class="row">
				
					<div class="sec-title text-center mb50 wow bounceInDown animated" data-wow-duration="500ms">
						<h2>特点</h2>
						<div class="devider"><i class="fa fa-heart-o fa-lg"></i></div>
					</div>

					<!--  我们  -->
					<div class="col-md-4 wow fadeInLeft" data-wow-duration="500ms">
						<div class="service-item">
							<div class="service-icon">
								<i class="fa fa-github fa-2x"></i>
							</div>
							
							<div class="service-desc">
								<h3>我们</h3>
								<p>网站的前身的HTML5开发网,我们还会和上一个网站一样提供各类技术,而且都是免费的.希望你能够在我们的网站有所收获.网站由站长农夫三拳和会说话的鸭子共同打造,感谢各位的支持.</p>
							</div>
						</div>
					</div>
					<!-- 我们 结束 -->
					
					<!-- 发展 -->
					<div class="col-md-4 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="500ms">
						<div class="service-item">
							<div class="service-icon">
								<i class="fa fa-pencil fa-2x"></i>
							</div>
							
							<div class="service-desc">
								<h3>发展</h3>
								<p>在未来我们会不断的完善网站的链接,添加更多用户需要的网络资源.之后还会有摄影图,OFFICE相关素材,各类开发软件,开发者文档观看,评论区的开放.我们会不断学习前沿技术来升级网站.</p>
							</div>
						</div>
					</div>
					<!-- 发展 结束 -->
					
					<!-- 咨询 -->
					<div class="col-md-4 wow fadeInRight" data-wow-duration="500ms"  data-wow-delay="900ms">
						<div class="service-item">
							<div class="service-icon">
								<i class="fa fa-bullhorn fa-2x"></i>
							</div>
							
							<div class="service-desc">
								<h3>咨询</h3>
								<p>如果你有什么问题或者意见,可以再联系方式填写发送给站长.我们欢迎每一个开发者加入我们,一起完善这个起步不久的网站.如果有技术上或者版权上的侵权请联系站长,我们会第一时间解决.</p>
							</div>
						</div>
					</div>
					<!-- 咨询 结束 -->
						
				</div>
			</div>
		</section>
		
        <!--
        特点 结束
        ==================================== -->
		
		
        <!--
        资源
        ==================================== -->
		
		<section id="works" class="works clearfix">
			<div class="container">
				<div class="row">
				
					<div class="sec-title text-center">
						<h2>资源</h2>
						<div class="devider"><i class="fa fa-heart-o fa-lg"></i></div>
					</div>
					
					<div class="sec-sub-title text-center">
						<p>我们只提供第三链接跳转</p>
					</div>
					
					<div class="work-filter wow fadeInRight animated" data-wow-duration="500ms">
						<ul class="text-center">
							<li><a href="javascript:;" data-filter="all" class="active filter">所有</a></li>
							<li><a href="javascript:;" data-filter=".soft" class="filter">软件</a></li>
							<li><a href="javascript:;" data-filter=".video" class="filter">教程</a></li>
							<li><a href="javascript:;" data-filter=".material" class="filter">素材</a></li>
							<li><a href="javascript:;" data-filter=".web" class="filter">网站</a></li>
							<li><a href="javascript:;" data-filter=".book" class="filter">书籍</a></li>
						</ul>
					</div>
					
				</div>
			</div>
			<style>
				.project-wrapper img{width:400px ;height:300px ;}
			</style>
			<div class="project-wrapper">
			
				<figure class="mix work-item soft" >
					<img src="img/works/item-1.jpg" alt="">
					<figcaption class="overlay">
						<a class="fancybox" rel="works" title="此处还没有标题" href="soft/adobe.html" target="_blank"><i class="fa fa-eye fa-lg"></i></a>
						<h4>Adobe</h4>
						<p>软件</p>
					</figcaption>
				</figure>
				
				<figure class="mix work-item video">
					<img src="img/works/item-2.jpg" alt="">
					<figcaption class="overlay">
						<a class="fancybox" rel="works" title="此处还没有标题" href="soft/pro.html" target="_blank"><i class="fa fa-eye fa-lg"></i></a>
						<h4>程序设计</h4>
						<p>教程</p>
					</figcaption>
				</figure>
				
				<figure class="mix work-item material">
					<img src="img/works/item-3.jpg" alt="">
					<figcaption class="overlay">
						<a class="fancybox" rel="works" title="还没有开放哦" href="soft/img.html" target="_blank"><i class="fa fa-eye fa-lg"></i></a>
						<h4>素材</h4>
						<p>网站</p>
					</figcaption>
				</figure>
				
				<figure class="mix work-item web">
					<img src="img/works/item-4.jpg" alt="">
					<figcaption class="overlay">
						<a class="fancybox" rel="works" title="此处还没有标题" href="soft/tool.html" target="_blank"><i class="fa fa-eye fa-lg"></i></a>
						<h4>工具</h4>
						<p>网站</p>
					</figcaption>
				</figure>
			
				<figure class="mix work-item soft">
					<img src="img/works/item-5.jpg" alt="">
					<figcaption class="overlay">
						<a class="fancybox" rel="works" title="此处还没有标题" href="soft/soft.html" target="_blank"><i class="fa fa-eye fa-lg"></i></a>
						<h4>其他</h4>
						<p>软件</p>
					</figcaption>
				</figure>
				
				<figure class="mix work-item video">
					<img src="img/works/item-6.jpg" alt="">
					<figcaption class="overlay">
						<a class="fancybox" rel="works" title="此处还没有标题" href="soft/UI.html" target="_blank"><i class="fa fa-eye fa-lg"></i></a>
						<h4>Ui设计</h4>
						<p>教程</p>
					</figcaption>
				</figure>
				
				<figure class="mix work-item book">
					<img src="img/works/item-7.jpg" alt="">
					<figcaption class="overlay">
						<a class="fancybox" rel="works" title="此处还没有标题" href="soft/book.html" target="_blank"><i class="fa fa-eye fa-lg"></i></a>
						<h4>电子书</h4>
						<p>书籍</p>
					</figcaption>
				</figure>
				
				<figure class="mix work-item web">
					<img src="img/works/item-8.jpg" alt="">
					<figcaption class="overlay">
						<a class="fancybox" rel="works" title="此处还没有标题" href="soft/study.html" target="_blank"><i class="fa fa-eye fa-lg"></i></a>
						<h4>学习网站</h4>
						<p>网站</p>
					</figcaption>
				</figure>

				
				
			</div>
		

		</section>
		
        <!--
        End Our Works
        ==================================== -->
		
        <!--
        认识我们的成员
        ==================================== -->		
		
		<section id="team" class="team">
			<div class="container">
				<div class="row">
		
					<div class="sec-title text-center wow fadeInUp animated" data-wow-duration="700ms">
						<h2>认识我们的成员</h2>
						<div class="devider"><i class="fa fa-heart-o fa-lg"></i></div>
					</div>
					
					<div class="sec-sub-title text-center wow fadeInRight animated" data-wow-duration="500ms">
						<!-- <p>这里是副标题</p> -->
					</div>

					<!-- 个人介绍 -->
					<figure class="team-member col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms">
						<div class="member-thumb">
							<img src="img/team/member-1.png" alt="Team Member" class="img-responsive">
							<figcaption class="overlay">
								<h5>点击图标Home转到他的个人页面 </h5>
								<p>他擅长HTML5的开发</p>
								<ul class="social-links text-center">
									<li><a href="javascript:void(0)"><i class="fa fa-weixin fa-lg"></i></a></li>
									<li><a href="tencent://message/?uin=1872227462&Menu=yes& Service=300&sigT=42a1e5347953b64c5ff3980f8a6e644d4b31456cb0b6ac6b27663a3c4dd0f4aa14a543b1716f9d45" target="_blank"><i class="fa fa-qq fa-lg"></i></a></li>
									<li><a href="html/kang/index.html" target="_blank"><i class="fa fa-home fa-lg"></i></a></li>
								</ul>
							</figcaption>
						</div>
						<h4>农夫三拳</h4>
						<span>站长 </span>
					</figure>
					<!-- 个人介绍 结束 -->
					
					<!-- 个人介绍  -->
					<figure class="team-member col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
						<div class="member-thumb">
							<img src="img/team/member-2.png" alt="Team Member" class="img-responsive">
							<figcaption class="overlay">
								<h5>点击图标Home转到他的个人页面</h5>
								<p>他擅长嘎嘎嘎</p>
								<ul class="social-links text-center">
									<li><a href="javascript:void(0)"><i class="fa fa-weixin fa-lg"></i></a></li>
									<li><a href="javascript:void(0)"><i class="fa fa-qq fa-lg"></i></a></li>
									<li><a href="http://121.4.106.228/index.html" target="_blank"><i class="fa fa-home fa-lg"></i></a></li>
								</ul>
							</figcaption>
						</div>
						<h4>Duck不必</h4>
						<span>同学（网页寄放在这）</span>
					</figure>
					<!-- 个人介绍结束   -->
					
					<!-- 个人介绍  -->
					<figure class="team-member col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="600ms">
						<div class="member-thumb">
							<img src="img/team/gxm.png" alt="Team Member" class="img-responsive">
							<figcaption class="overlay">
								<h5>点击图标Home转到他的个人页面 </h5>
								<p>他擅长摄影</p>
								<ul class="social-links text-center">
									<li><a href="javascript:void(0)"><i class="fa fa-weixin fa-lg"></i></a></li>
									<li><a href="javascript:void(0)"><i class="fa fa-qq fa-lg"></i></a></li>
									<li><a href="./html/gxm/index.html" target="_blank"><i class="fa fa-home fa-lg"></i></a></li>
								</ul>
							</figcaption>
						</div>
						<h4>郭晓铭</h4>
						<span>同学（网页寄放在这）</span>
					</figure>
					<!-- 个人介绍 结束  -->
					
					<!-- 个人介绍  -->
					
					<figure href="" class="team-member col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="900ms">
						<div class="member-thumb" >
							<img src="img/team/lwd.png" alt="Team Member" class="img-responsive">
							<figcaption class="overlay">
								
								<h5 >点击图标Home转到他的个人页面</h5>
								<p>混世带魔王</p>
								<ul class="social-links text-center">
									<li><a href="javascript:void(0)"><i class="fa fa-weixin fa-lg"></i></a></li>
									<li><a href="javascript:void(0)"><i class="fa fa-qq fa-lg"></i></a></li>
									<li><a href="./html/lwd/index.html" target="_blank"><i class="fa fa-home fa-lg"></i></a></li>
								</ul>
							</figcaption>
						</div>
						<h4>刘文督督</h4>
						<span>同学（网页寄放在这）</span>
					</figure>
					
					<!-- 个人介绍  结束 -->

					
					
				</div>
			</div>
		</section>
		
        <!--
        团队成员 结束
        ==================================== -->
		
		<!--
        一些有趣的事情
        ==================================== -->		
		
		<section id="facts" class="facts">
			<div class="parallax-overlay">
				<div class="container">
					<div class="row number-counters">
						
						<div class="sec-title text-center mb50 wow rubberBand animated" data-wow-duration="1000ms">
							<h2>一些有趣的事情</h2>
							<div class="devider"><i class="fa fa-heart-o fa-lg"></i></div>
						</div>
						
						<!-- 首先计算项目 -->
						<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms">
							<div class="counters-item">
								<i class="fa fa-clock-o fa-3x"></i>
								<strong data-to="2000">0</strong>
								<!-- Set Your Number here. i,e. data-to="56" -->
								<p>小时的学习</p>
							</div>
						</div>
						<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
							<div class="counters-item">
								<i class="fa fa-users fa-3x"></i>
								<strong data-to="100">0</strong>
								<!-- Set Your Number here. i,e. data-to="56" -->
								<p>IP的日流量访问</p>
							</div>
						</div>
						<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="600ms">
							<div class="counters-item">
								<i class="fa fa-rocket fa-3x"></i>
								<strong data-to="3600">0</strong>
								<!-- Set Your Number here. i,e. data-to="56" -->
								<p> 下载量 </p>
							</div>
						</div>
						<div class="col-md-3 col-sm-6 col-xs-12 text-center wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="900ms">
							<div class="counters-item">
								<i class="fa fa-trophy fa-3x"></i>
								<strong data-to="1">0</strong>
								<!-- Set Your Number here. i,e. data-to="56" -->
								<p>荣誉</p>
							</div>
						</div>
						<!-- 首先计算项目 结束 -->
				
					</div>
				</div>
			</div>
		</section>
		
        <!--
        一些有趣的事情 结束
        ==================================== -->
		
		
		<!--
        联系我们
        ==================================== -->		
		
		<section id="contact" class="contact">
			<div class="container">
				<div class="row mb50">
				
					<div class="sec-title text-center mb50 wow fadeInDown animated" data-wow-duration="500ms">
						<h2>来!我们讨论一下</h2>
						<div class="devider"><i class="fa fa-heart-o fa-lg"></i></div>
					</div>
					
					<div class="sec-sub-title text-center wow rubberBand animated" data-wow-duration="1000ms">
						<p>在这里留下你宝贵的意见.</p>
					</div>
					
					<!-- 联系 地址  -->
					<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12 wow fadeInLeft animated" data-wow-duration="500ms">
						<div class="contact-address">
							<h3>当然了如果你想寻找我们</h3>
							<p>510000</p>
							<p>中国.广东.广东开放大学.</p>
							<p>(+86) 020-83480810</p>
						</div>
					</div>
					<!-- 联系地址 结束   -->
					
					<!-- 联系表单 -->
					<div class="col-lg-8 col-md-8 col-sm-7 col-xs-12 wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="300ms">
						<div class="contact-form">
							<h3>站长 你好!</h3>
							<form action="#" id="contact-form">
								<div class="input-group name-email">
									<div class="input-field">
										<input type="text" name="name" id="name" placeholder="名字" class="form-control">
									</div>
									<div class="input-field">
										<input type="email" name="email" id="email" placeholder="邮箱" class="form-control">
									</div>
								</div>
								<div class="input-group">
									<textarea name="message" id="message" placeholder="在这里填写内容" class="form-control"></textarea>
								</div>
								<div class="input-group">
									<input type="submit" id="form-submit" class="pull-right" value="点击发送信息">
								</div>
							</form>
						</div>
					</div>
					<!--  联系表单 结束 -->
					
					<!-- 联系图标 -->
					<div class="col-lg-1 col-md-1 col-sm-1 col-xs-12 wow fadeInRight animated" data-wow-duration="500ms" data-wow-delay="600ms">
						<ul class="footer-social">
							<li><a href="#Themefisher"><i class="fa fa-qq fa-2x"></i></a></li>
							<li><a href="#/Themefisher"><i class="fa fa-weixin fa-2x"></i></a></li>
							<li><a href="#/themefisher"><i class="fa fa-dribbble fa-2x"></i></a></li>
							<li><a href="#/Themefisher"><i class="fa fa-weibo fa-2x"></i></a></li>
						</ul>
					</div>
					<!-- 联系图标 结束 -->
					
				</div>
			</div>
			
			
			
		</section>
		
        <!--
        一些有趣的事情 结束
        ==================================== -->
		
		
		<footer id="footer" class="footer">
			<div class="container">
				<div class="row">
				
					<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp animated" data-wow-duration="500ms">
						<div class="footer-single">
							<img src="img/footer-logo.png" alt="">
							<p>Prosperous, strong, democratic, civilized and harmonious, freedom, equality, justice, rule of law, patriotic, dedicated, sincere, friendly.
							</p>
						</div>
					</div>
				
					<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
						<div class="footer-single">
							<h6>订阅 </h6>
							<form action="#" class="subscribe">
								<input type="text" name="subscribe" id="subscribe">
								<input type="submit" value="&#8594;" id="subs">
							</form>
							<p>farmer3boxing. </p>
						</div>
					</div>
				
					<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="600ms">
						<div class="footer-single">
							<h6>探索</h6>
							<ul>
								<li><a href="#">我们的想法</a></li>
								<li><a href="#">Github</a></li>
								<li><a href="#">weibo</a></li>
								<li><a href="#">论坛</a></li>
							</ul>
						</div>
					</div>
				
					<div class="col-md-3 col-sm-6 col-xs-12 wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="900ms">
						<div class="footer-single">
							<h6>支持</h6>
							<ul>
								<li><a href="#">联系我们</a></li>
								<li><a href="#">微信QQ</a></li>
								<li><a href="#">帮助中心</a></li>
								<li><a href="#">新闻发布</a></li>
							</ul>
						</div>
					</div>
					
				</div>
				<div class="row">
					<div class="col-md-12">
						<p class="copyright text-center">
							farmer3boxing &copy; 2020. farmer3boxing保留所有权利.
						</p>
					</div>
				</div>
			</div>
		</footer>
		
		<a href="javascript:void(0);" id="back-top"><i class="fa fa-angle-up fa-3x"></i></a>

		<!--js引入
		================================================== -->
		<!-- Main jQuery -->
        <script src="js/jquery-1.11.1.min.js"></script>
		<!-- Single Page Nav -->
        <script src="js/jquery.singlePageNav.min.js"></script>
		<!-- Twitter Bootstrap -->
        <script src="js/bootstrap.min.js"></script>
		<!-- jquery.fancybox.pack -->
        <script src="js/jquery.fancybox.pack.js"></script>
		<!-- jquery.mixitup.min -->
        <script src="js/jquery.mixitup.min.js"></script>
		<!-- jquery.parallax -->
        <script src="js/jquery.parallax-1.1.3.js"></script>
		<!-- jquery.countTo -->
        <script src="js/jquery-countTo.js"></script>
		<!-- jquery.appear -->
        <script src="js/jquery.appear.js"></script>
		<!-- Contact form validation -->
		<script src="js/jquery.form.js"></script>
		<script src="js/jquery.validate.min.js"></script>
		<!-- jquery easing -->
        <script src="js/jquery.easing.min.js"></script>
		<!-- jquery easing -->
        <script src="js/wow.min.js"></script>
		<script>
			var wow = new WOW ({
				boxClass:     'wow',      
				animateClass: 'animated', 
				offset:       120,         
				mobile:       false,       
				live:         true       
			  }
			);
			wow.init();
		</script> 
        <script src="js/custom.js"></script>
		
		<script type="text/javascript">
			$(function(){
				$('#contact-form').validate({
					rules: {
						name: {
							required: true,
							minlength: 2
						},
						email: {
							required: true,
							email: true
						},
						message: {
							required: true
						}
					},
					messages: {
						name: {
							required: "拜托,你要先填写一个名字?",
							minlength: "你的名字必须包含至少2个字"
						},
						email: {
							required: "没有邮箱"
						},
						message: {
							required: "嗯…是的,你必须写点东西给发送这个表格。",
							minlength: "这是所有吗?真的吗?"
						}
					},
					submitHandler: function(form) {
						$(form).ajaxSubmit({
							type:"POST",
							data: $(form).serialize(),
							url:"process.php",
							success: function() {
								$('#contact-form :input').attr('disabled', 'disabled');
								$('#contact-form').fadeTo( "slow", 0.15, function() {
									$(this).find(':input').attr('disabled', 'disabled');
									$(this).find('label').css('cursor','default');
									$('#success').fadeIn();
								});
							},
							error: function() {
								$('#contact-form').fadeTo( "slow", 0.15, function() {
									$('#error').fadeIn();
								});
							}
						});
					}
				});
			});
		</script>
	<script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1279624779&web_id=1279624779"></script>
    </body>
</html>
